body {
  margin: 0 auto;
}
.box {
  display: flex;
  width: 100%;
  font-size: 0.1867rem;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .header {
    width: 100%;
    background: #ffffff;

    h2 {
      margin-top: 0.0667rem;
      text-align: center;
      font-size: 0.4267rem;
    }

    .banner {
      width: 100%;
      height: 2.3467rem;
      padding: 0 0.4rem;
      margin: 0.2933rem 0;
      text-align: center;
      line-height: 2.3467rem;
      img {
        width: 100%;
      }
    }

    .search {
      position: relative;
      width: 100%;
      height: 0.96rem;
      text-align: center;
      line-height: 0.96rem;
      padding: 0 0.4rem;
      margin: 0.4267rem 0;
      input {
        width: 100%;
        height: 100%;
        padding-left: 1.0133rem;
        border: none;
        border-radius: 0.4267rem;
        background: #f6f6f6 url(../images/search.png) no-repeat 0.1867rem 0.1867rem;
        background-size: 0.6rem 0.6rem;
        font-size: 0.3733rem;
        line-height: 0.96rem;
      }
      .doIs {
        display: none;
        .select {
          position: absolute;
          top: 0;
          right: 0;
          margin-top: 0.2667rem;
          display: flex;
          height: 0.96rem;
          font-family: Source Han Sans CN;
          font-size: 0.3733rem;
          font-weight: 400;
          color: #000000;
          opacity: 1;
          line-height: 0.96rem;
        }
      }
      button {
        width: 0.7467rem;
        font-size: 0.3733rem;
        font-family: Source Han Sans CN;
        line-height: 0.64rem;
        color: #000000;
        opacity: 1;
        border: none;
        background: none;
      }
      .cancel {
        margin-top: -0.0933rem;
        margin-right: 0.0533rem;
        background: url(../images/cancel.png) no-repeat;
        background-size: 0.6rem 0.6rem;
      }
      .border {
        width: 0.0267rem;
        height: 0.4267rem;
        margin-right: 0.2667rem;
        background: rgba(0, 0, 0, 0.39);
        opacity: 0.5;
        border: 3px;
      }
      .check {
        margin-right: 0.6667rem;
        margin-top: -0.5333rem;
        font-weight: 500;
        outline: none;
      }
    }
  }

  //  1.刚进入无物流信息
  .no {
    margin-top: 2.6667rem;
    img {
      width: 4.9333rem;
      height: 4.9333rem;
    }
  }

  //  物流信息样式
  .content {
    width: 100%;
    text-align: center;

    //  2.有物流信息
    .message_item {
      display: none;
      height: 3.4667rem;
      margin: 0.2933rem 0.4rem 0 0.4rem;
      background: #ffffff;
      opacity: 1;
      border-radius: 0.2133rem;
      .item-h {
        position: relative;
        width: 100%;
        padding: 0 !important;
        border-bottom: 2px solid #f6f6f6;
        height: 1.08rem;
        font-size: 0.3733rem;
        font-weight: 500;
        line-height: 1.0667rem;
        text-align: left;
        .goodsName,
        .goodsNames,
        .msg {
          position: absolute;
          top: 0;
        }
        .goodsName {
          left: 0;
          margin-left: 0.4267rem;
        }
        .goodsNames {
          width: 2.6667rem;
          left: 0;
          margin-left: 2.2667rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .msg {
          right: 0;
          margin-right: 0.4267rem;
        }
      }
      .item-b {
        position: relative;
        width: 100%;
        padding: 0 0.4267rem;
        height: 2.4267rem;
        font-size: 0.3733rem;
        font-family: Source Han Sans CN;
        font-weight: 450;
        color: #000000;
        opacity: 0.5;
        .orderMsg {
          display: flex;
          align-items: center;
          margin-top: 0.1333rem;
          div {
            margin-right: 0.2933rem;
          }
          .buyer {
            margin-right: 0.64rem;
          }
          .copy {
            width: 0.4667rem;
            height: 0.4667rem;
            padding-top: -20px;
            button {
              border: 0;
              background: none;
              img {
                width: 100%;
              }
            }
          }
        }
        .detail {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 2rem;
          margin: 0 0.3333rem 0.4667rem 0;
          border: 2px solid #ff2442;
          border-radius: 28px;
          font-size: 0.32rem;
          line-height: 0.72rem;
          text-align: center;
          opacity: 1;
          a {
            color: rgb(255, 36, 66);
          }
          button {
            border: 0;
            color: rgb(255, 36, 66);
            background: none;
            opacity: 1;
          }
        }
      }
    }
  }
}

.block {
  display: block !important;
}

// 3. 查询手机号无物流信息
.kong {
  display: none;
  margin-top: 2.5333rem;
  img {
    width: 4.3467rem;
    height: 3.7467rem;
  }
}
